<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <form action="success.html">

        <!--label标签中的for属性和表单元素的id的属性保持一致，此时可以将label标签中的内容关联到对应的表单元素上-->
        <label for="username">用户名: </label>
        <input type="text" id="username">
        <br>
        性别: <input type="radio" value="male" id="male" name="sex"><label for="male">男</label>
        <input type="radio" value="female" id="female" name="sex"><label for="female">女</label>
        <br>
        <!--
            select：对应一个下拉列表
                常用属性:
                    name属性
                    size属性
                        行数
                        同时显示多个选项
                    multiple属性
                        多选下拉列，multiple="multiple"
                        可以同时选择多个选项
        -->
        <!--
            option:对应下拉列表中的一个选项
            常用属性:
                value属性
                    服务器值
                    传输到服务器中的实际数据
                    如果没有设置value值，默认将文本值作为提交数据
                标签体内容
                    文本值
                    显示在页面中的数据
                selected
                    默认选中

          textarea：多行文本框/文本域
                常用属性：
                    name属性
                        提交到服务器中数据的key
                    rows属性
                        行数
                    cols属性
                        列数
                    标签体
                        文本域的内容

        -->

        学历：
        <select name="degree" size="3" multiple>
            <option value="-1">请选择</option>
            <option value="gaozhong"selected>高中</option>
            <option value="daxue" selected>大学</option>
            <option value="yanjiusheng">研究生</option>
        </select>
        <br>
        <textarea  id="" cols="70" rows="8">我已阅读该协议，我会遵守该法律法规。我已阅读该协议，我会遵守该法律法规。我已阅读该协议，我会遵守该法律法规。我已阅读该协议，我会遵守该法律法规。我已阅读该协议，我会遵守该法律法规。我已阅读该协议，我会遵守该法律法规。我已阅读该协议，我会遵守该法律法规。我已阅读该协议，我会遵守该法律法规。我已阅读该协议，我会遵守该法律法规。我已阅读该协议，我会遵守该法律法规。我已阅读该协议，我会遵守该法律法规。我已阅读该协议，我会遵守该法律法规。我已阅读该协议，我会遵守该法律法规。我已阅读该协议，我会遵守该法律法规。我已阅读该协议，我会遵守该法律法规。我已阅读该协议，我会遵守该法律法规。我已阅读该协议，我会遵守该法律法规。我已阅读该协议，我会遵守该法律法规。我已阅读该协议，我会遵守该法律法规。我已阅读该协议，我会遵守该法律法规。我已阅读该协议，我会遵守该法律法规。我已阅读该协议，我会遵守该法律法规。我已阅读该协议，我会遵守该法律法规。我已阅读该协议，我会遵守该法律法规。我已阅读该协议，我会遵守该法律法规。我已阅读该协议，我会遵守该法律法规。我已阅读该协议，我会遵守该法律法规。我已阅读该协议，我会遵守该法律法规。我已阅读该协议，我会遵守该法律法规。我已阅读该协议，我会遵守该法律法规。我已阅读该协议，我会遵守该法律法规。我已阅读该协议，我会遵守该法律法规。我已阅读该协议，我会遵守该法律法规。我已阅读该协议，我会遵守该法律法规。我已阅读该协议，我会遵守该法律法规。我已阅读该协议，我会遵守该法律法规。我已阅读该协议，我会遵守该法律法规。我已阅读该协议，我会遵守该法律法规。我已阅读该协议，我会遵守该法律法规。我已阅读该协议，我会遵守该法律法规。我已阅读该协议，我会遵守该法律法规。我已阅读该协议，我会遵守该法律法规。我已阅读该协议，我会遵守该法律法规。我已阅读该协议，我会遵守该法律法规。我已阅读该协议，我会遵守该法律法规。我已阅读该协议，我会遵守该法律法规。我已阅读该协议，我会遵守该法律法规。我已阅读该协议，我会遵守该法律法规。我已阅读该协议，我会遵守该法律法规。我已阅读该协议，我会遵守该法律法规。我已阅读该协议，我会遵守该法律法规。我已阅读该协议，我会遵守该法律法规。我已阅读该协议，我会遵守该法律法规。我已阅读该协议，我会遵守该法律法规。我已阅读该协议，我会遵守该法律法规。我已阅读该协议，我会遵守该法律法规。我已阅读该协议，我会遵守该法律法规。我已阅读该协议，我会遵守该法律法规。我已阅读该协议，我会遵守该法律法规。我已阅读该协议，我会遵守该法律法规。我已阅读该协议，我会遵守该法律法规。我已阅读该协议，我会遵守该法律法规。我已阅读该协议，我会遵守该法律法规。我已阅读该协议，我会遵守该法律法规。我已阅读该协议，我会遵守该法律法规。我已阅读该协议，我会遵守该法律法规。我已阅读该协议，我会遵守该法律法规。我已阅读该协议，我会遵守该法律法规。我已阅读该协议，我会遵守该法律法规。我已阅读该协议，我会遵守该法律法规。
        </textarea>
        <br>

       <!-- button标签
            常用属性:
                type：submit(默认值)、button、reset

       -->
        <button type="button">我是submit</button>
        <button type="reset">我是reset功能</button>
        <button type="button">我是普通按钮功能</button>
        <br>

      <!--
        fieldset标签
            对表单元素进行分组
        legend标签
            为分组添加标题
       -->
        教育背景:
        <fieldset>
            <legend align="left">大学</legend>
            学校: <input type="text" value="北京大学"> <br>
            专业: <input type="text" value="电子信息"> <br>
            班级: <input type="text" value="wbs22222">
        </fieldset>

        <br>
        <input type="submit">
    </form>

</body>
</html>